<template>
  <div class="wiki-header-view">
    <a-row>
      <a-col :span="18" class="logo-box">
        <span class="logo-box">
          <span class="system-name">文档管理系统</span>
          <!-- 竖线   -->
          <el-divider direction="vertical" class="wiki-header-divider" ></el-divider>
          <span class="company-name">开源版</span>
        </span>
      </a-col>
      <a-col :span="6" class="wiki-header-user"> 用户 </a-col>
    </a-row>
  </div>
</template>
<script setup lang="ts">
import { ref, reactive } from "vue";
</script>
<style scoped lang="scss">
.wiki-header-view {
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding: 0 20px;

  .logo-box {
    vertical-align: bottom;
    .wiki-header-divider{
      margin: 10 10px ;
      // border-style: dashed;
    }

    .system-name {
      
      font-size: 20px;
      // 这个是字体颜色
      color: #fff;
      // vertical-align: center;
      display: inline-block
    }
    .company-name{
      color: #fff;
      display: inline-block
    }
  }
}
</style>
